@charset "utf-8";
/* CSS Document */
body{  background:url(../images/Bg-body.gif); padding:0; margin:0; text-align:center; font-size:inherit;}
html, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, q, small, strong, sub, sup, tt, var,
ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;text-align:left; font-family:"微软雅黑" }
ul, ol, li{ list-style-type: none;}
a, a:hover,a:link, a:visited{ color:#333;text-decoration: none;}
img { border: none; }
a {font-size: medium; color: #036;}
a:link {text-decoration: none;}
a:visited { text-decoration: none; color: #333;}
a:hover { text-decoration: underline; }
a:active { text-decoration: none;color: #000;}
div { padding:0; margin:0; text-align:left; overflow:hidden;}
dt, dl, dd { display:block;	margin:0; padding:0;}
.cle{ clear:both;}
.left{ float:left;}
.right{ float:right;}
.leftimg{ width:600px}
/* HTML5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section, menu ,datalist { display:block; }
time { display: inline; }
header{}
	#topnav{ background:#000;filter:alpha(opacity=50);  -moz-opacity:0.5; -khtml-opacity: 0.5;  opacity: 0.5;  width:100%; height:50px; text-align:center;}
		.topnav{ width:960px; padding:15px 0 5px ; height:20px; margin:0 auto; filter:alpha(opacity=100);  -moz-opacity:1; -khtml-opacity: 1;  opacity: 1;}
		.topnav ul{ margin:0; width:auto; float:left;}
		.topnav ul li{ margin:0 auto; float:left; width:auto;}
		.topnav a{ padding:5px 30px 5px 0; height:20px; display:block; margin:0 0 0 2px; color:#EEE; width:auto;}
		.topnav a:link{ color:#FFF; }
		.topnav a:hover{ color:#666;text-decoration: none;}
		.topnav ol{ margin:0; width:auto; float:right;}
		.topnav ol li{ margin:0 auto; float:left; width:auto;}
	.wrap{ margin:10px; background:#EEE;}
	#header{ margin:10px auto; padding:0; width:960px; text-align:center; }
		#header #logo{ display: block; width: 158px; height: 42px;text-indent: -999em; background:url(../images/qingruanlogo.png) no-repeat 0 0; float:left; margin:20px 30px 15px 0 }
		#header h1{ display: block; width: 380px; height: 50px;text-indent: -999em; background:url(../images/qingruanlogo.png) no-repeat 0 0; margin:20px 30px 15px 0; float:left;}
	#header .seach{float:left; background:#FFF; margin:30px 20px 20px; width:350px;} 
	#header .seach_txt{ border:1px solid #CCC; padding:4px; height:26px; width:300px; display:inline-block; margin:0; float:left}
	#header .seach_bun { border:none; padding:0; height:36px; width:40px; display:inline-block; background: url(../images/seach.gif) no-repeat 0 0 #CCC; margin:0; float:left;}
		#header #us img{ float:left; width:auto; padding:0 10px 0 0}
		#header #us .name{ float:left; width:auto; font-size:1.8em; color:#09F; padding:60px 5px 0;}
		#header #us span{ float:left; width:auto;font-size:1.5em; padding:65px 5px 0;}
		#header #us:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
	header:after{display:block;clear:both;content:"";visibility:hidden;height:0;} 	
	nav{width:960px;  margin:auto;}
	nav #breadcrumb { margin:10px; }
		nav #breadcrumb ul{ padding:0 10px 0 0;}
			nav #breadcrumb ul:after{ clear:both; display:block; height:0; content:""; visibility:hidden;}
			nav #breadcrumb ul li { padding: 5px 10px 5px 0; width:auto; float:left;}
				nav #breadcrumb ul li a { color:#666; font-size:0.8em; display:inline-block; padding:0 5px 0 0}
				nav #breadcrumb ul li span { color:#666; font-size:0.8em; display:inline-block; padding:0 5px 0 0}
				nav #breadcrumb ul li a:hover{ color:#09C;}				
		nav dl{ padding:5px; margin:0 0 5px; background:#FFF; }
		nav dl:after{ display:block; height:0; visibility:hidden; clear:both; content:""}
		nav .open { height:auto;}
		nav .off { height:35px; overflow:hidden;}
		nav .open .nav-more{float:right; width:70px; height:35px;}
		nav .open .nav-more label{ display:block; width:70px; height:35px; margin:-35px 0 0 0;}
		nav .off .nav-more{float:right; width:70px; height:35px;  }
		nav .off .nav-more label{ display:block; width:70px; height:35px; margin: 0;}
		nav .nav-more a { display:block; padding:10px 0 0 10px; width:60px; height:25px; font-size:0.9em; margin:0; }
		 nav dl dt{ width:100px; float:left; margin:0 10px 0;}
		 nav dl dt h3{ padding:5px; margin:0; font-size:#333;}
		 nav dl dd { width:720px; margin:0; float:left;}
		 nav dl dd a{ display:block; padding:10px; font-size:0.9em; color:#666; float:left; }
		 nav dl dd:after{ display:block; clear:both; content:""; height:0; visibility:hidden;}
section{ width:960px; margin:auto;}
	section #banner{ width:960px; height:260px; overflow:hidden; padding:0 0 15px}
	section #banner ul{ position:absolute; background:#666;text-align:right;padding:0; margin:auto ;z-index:2;}
	section #banner ul li{ padding:0; margin:0 auto; float:left; height:12px;}
	section #banner ul li a{ padding:0; margin:0;}
	section #banner img{ margin:0; border:0; width:960px;}
	section:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
@charset "utf-8";
/* CSS Document */
article{ margin:0 auto; width:990px; overflow:hidden;}
	#pic{}
	article #column{padding:10px 0;}
	article #column ul{ margin:15px 0 15px 15px; padding:0; width:975px; }
		article #column ul li{ margin:0 15px 0 0; padding:0; width:310px; float:left; background:#FFF;  }
			article #column ul li h2{ padding:10px 5px; margin:0; font-size:1.5em; text-indent:0; border-bottom:3px solid #39F; color:#39F;}
			article #column ul li h2 span{ font-size:0.9em;}
				article #column ul li ul{ margin:20px 10px 0; padding:0; width:280px;}
					article #column ul li ul li{ padding:0 0 10px; margin:0; width:280px}
					article #column ul li ul li a img{ float:left; margin:5px 0 5px 10px;  width:60px; padding:0;}
					article #column ul li ul li h3 { float:left; margin:0; font-size:0.8em; padding:0 0 5px 10px; text-indent:0; width:200px;}
					article #column ul li ul li h3 a{ }
					article #column ul li ul li p { float:left; margin:0; padding:0 0 0 10px; ; line-height:1.4em; font-size:0.8em; text-indent:0; width:200px;}
					article #column ul li ul li p a { font-size:1em;}
					article #column ul li ul li p b { color:#600}
					article #column ul li h2{ padding:10px; margin:0; font-size:1em; text-indent:0;}
	article #guild{ padding: 10px 0 0;}
		article #guild #title{  hight:35px; padding:10px 0 10px; margin:0 15px 15px;  border-bottom:3px solid #39F;}
	article #guild #title h1{ width:auto; padding:0; margin:0 10px 0 0; float:left; font-size:1.5em}
	article #guild #title a{ font-size:0.8em; color:#000; padding:0; margin:0;}
	article #guild #title span{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:left;}
	article #guild #title label{ font-size:1em; width:auto; padding:10px 0 0; margin:0 0 0 10px ; float:right;}
		article #guild ul{ margin:5px 0 5px 15px; padding:0; width:975px; }
		article #guild ul li{ margin:0 15px 10px 0; width:310px; float:left;}
		article #guild ul li .mod-img{ padding:0; width:310px; background:#FFF; margin:0 0 10px;}
			article #guild ul li .mod-img img{ padding: 0 0 5px; margin:0; display:block;}
			article #guild ul li .mod-img h2{ padding: 5px 10px; margin:0; font-size:1em; color:#333; text-indent:0;}
			article #guild ul li .mod-img p { padding: 5px 10px 15px; margin:0; font-size:0.9em; color:#666; text-indent:0; line-height:1.6em; text-indent:0;}
			article #guild ul li .mod-img p a { color:#333; font-size:1em; display:inline-block;}
			article #guild ul li .mod-img span { padding:5px 10px; margin:0;font-size:0.9em; display:block; line-height:0.9em; text-indent:0; }
			article #guild ul li .mod-img span b { font-size:1.1em; font-weight:bold;}
	article .title{  hight:35px; padding:30px 0px 15px; margin:0px 25px 15px;  border-bottom:3px solid #6C0;}
	article .title h1{ width:auto; padding:0; margin:0 10px 0 0; float:left; font-size:1.5em}
	article .title h1 a{ font-size:0.8em; color:#000; padding:0; margin:0;}
	article .title span{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:left;}
	article .title label{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:right;}
	article p{ padding:15px 25px 0; margin:0; font-size:1em; line-height:2em; text-indent:2em; }
	article h2{ padding:30px 0 10px; margin:0 25px; font-size:1.5em; }
	article ul{ padding:20px 25px 0px; margin:0}
		article ul li{font-size:1em; line-height:2em; text-indent:2em; }
	article ol{ padding:20px 25px 0px; margin:0;}
		article ol li{font-size:1em; line-height:2em; text-indent:2em;list-style-type: decimal;list-style-position: inside;}
	article p{padding:15px 25px 0; margin:0; font-size:1em; line-height:2em; text-indent:2em; }
	article img{padding:10px;margin:auto;text-align:center;}
	article .news{padding:5px 0 15px; margin:0 25px  }
		article .news ul{ padding:0; margin:0}
		article .news ul li{ padding:10px 0 3px; margin:0; border-bottom:1px solid #EEE; line-height:1em;}
		article .news ul li h3{ width:auto; padding:0; margin:0 ;float:left;  }
		article .news ul li h3 a{ font-size:0.8em; color:#000; padding:0; margin:0;}
		article .news ul li label{ font-size:1em; width:auto; padding:0; margin:0 10px ; float:right;}
		article .news ul li label a{ font-size:0.7em;}
	article .pic{padding:5px 0; margin:0 15px  }
		article .pic dl{ padding:5px 0; margin:0; border-bottom:1px solid #EEE;}
		article .pic dl dt{ padding:0 0 margin:0; width:400px; float:left}
			article .pic dl dt img{ width:100%; padding:0 10px 0 0}
		article .pic dl dd { float:left; width:500px; padding:0 0 010px;}
			article .pic dl dd ul{ padding:0; margin:0;}
				article .pic dl dd ul li{ padding:5px;font-size:0.9em; color:#666; margin:0}
					article .pic dl dd  span{ display:inline-block;  vertical-align:sub; color:#666; padding: 0 ; width:70px; line-height:1em; text-indent:0; margin:0 10px 0 0}
					article .pic dl dd ul li label{ display:inline-block; vertical-align:sub; color:#666; padding: 0 ; width:auto;line-height:1em; text-indent:0;}
					article .pic dl dd ul li label b{ font-size:1.5em; font-weight:bold; color:#06F;}
					article .pic dl dd ul li label a{ display:inline-block; padding:4px; border:#999 1px solid; margin:0; font-size:0.9em;}
					article .pic dl dd ul li .addcart{ display:inline-block; margin:10px 10px 10px 0; padding:6px 10px; background:#06C; border:1px solid #036; color:#FFF; font-weight:bold; text-align:center; text-indent:0;}
					article .pic dl dd ul li .addcartoff{ display:inline-block; margin:10px 10px 10px 0; padding:6px; background:#666; border:1px solid #CCC; color:#CCC; font-weight:bold;}
					article .pic dl dd ul li p{ vertical-align:sub; color:#666; padding: 0 ; line-height:1.6em; text-indent:0;}
		article .pic dl dd p a{  width:auto; padding:10px 0 0; margin:0 10px ;}
	article p{ padding:15px 25px 0; margin:0; font-size:1em; line-height:2em; text-indent:2em; }
	article h2{ padding:30px 0 10px; margin:0 25px; font-size:1.5em; }
		article .ad { padding:0; margin:0; text-align:center;}
			article .ad img { width:auto; padding:5px 0;}
detalist{ float:left; width:700px; overflow:hidden;}
	#datalist{ padding: 10px 0 0;width:700px; overflow:hidden;}
		#datalist ul{ margin:5px 0 ; padding:0; }
		#datalist ul li{ margin:0 15px 0 0; padding:0; width:218px; float:left;  }
			#datalist .mod-img2 img{ padding: 5px 0; margin:0; display:block; width:218px;}
			
			#datalist .mod-img2 h2{ padding: 5px; margin:0; font-size:1em; color:#333; text-indent:0;}
			#datalist .mod-img2 p { padding: 5px; margin:0; font-size:0.9em; color:#333; text-indent:0; line-height:1.6em; text-indent:0;}
			#datalist .mod-img2 p a { color:#333; font-size:1em;}
			#datalist ol{ margin:5px 0 30px ; padding:0; width:684px; }
		#datalist ol li{ margin:0; padding:6px 5px 4px; border-bottom:1px solid #CCC; }
			#datalist ol li img{ padding: 5px 10px 5px 0; margin:0; display:block; width:60px; height:60px; float:left;}
			#datalist ol li h2{ padding: 5px; margin:0; font-size:1em; color:#333; text-indent:0; float:left; width:590px;}
			#datalist ol li p { padding: 5px; margin:0; font-size:0.9em; color:#333; text-indent:0; line-height:1.6em; text-indent:0; width:590px; float:left;}
			#datalist ol li p a { color:#333; font-size:1em;}
			#datalist ol li:after{ display:block; clear:both; visibility:hidden; content:""; height:0;}  
	article .title{  hight:35px; padding:10px 0px 10px; margin:0 15px 10px;  border-bottom:3px solid #39F;}
	article .title h1{ width:auto; padding:0; margin:0 10px 0 0; float:left; font-size:1.5em}
	article .title h1 a{ font-size:0.8em; color:#000; padding:0; margin:0;}
	article .title span{ font-size:1em; width:auto; padding:10px 0 0; margin:0 10px ; float:left;}
	article .title label{ font-size:1em; width:auto; padding:10px 0 0; margin:0 0 0 10px ; float:right;}
	article p{ padding:15px 25px 0; margin:0; font-size:1em; line-height:2em; text-indent:2em; }
	article h2{ padding:30px 0 10px; margin:0 25px; font-size:1.5em; }
	article .news{padding:5px 0 15px; margin:0 25px  }
		article .news ul{ padding:0; margin:0}
		article .news ul li{ padding:10px 0 3px; margin:0; border-bottom:1px solid #EEE; line-height:1em;}
		article .news ul li h3{ width:auto; padding:0; margin:0 ;float:left;  }
		article .news ul li h3 a{ font-size:0.8em; color:#000; padding:0; margin:0;}
		article .news ul li label{ font-size:1em; width:auto; padding:0; margin:0 10px ; float:right;}
		article .news ul li label a{ font-size:0.7em;}
	#respont{ padding:15px 15px 20px 40px; margin:0; }
		#respont dl { padding:5px 0; clear:both;}
		#respont dl:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
		#respont dl dt { width:100px; float:left; padding:0; margin:0;}
		#respont dl dt label{ padding:3px 5px; height:22px; line-height:22px; vertical-align:super;}
		#respont dl dd{width:300px; float:left; padding:0; margin:0; }
		#respont dl dd input{ padding:3px 5px; margin:0; border:1px solid #ccc; background:#EEE; font-size:0.7em; line-height:0.7em; height:100%; width:300px; line-height:22px; vertical-align:super; background:#FFF;}
		#respont dl dd textarea{ padding:3px 5px; margin:0; border:1px solid #ccc; background:#EEE; font-size:0.7em; line-height:0.7em; width:100%; line-height:22px; vertical-align:super;}
			#respont .coder{ padding:0; margin:0; }
			#respont .coder input{ padding:3px 5px; margin:0; border:1px solid #ccc; background:#FFF; font-size:0.9em;  width:100px; line-height:22px;  display:inline-block; vertical-align: text-top;}
				#respont .coder img{ padding:0px 5px; margin:0; width:60px; height:28px; display:inline-block; line-height:22px; vertical-align: text-top;}
				#respont .coder span{ padding:0px 5px 3px; margin:0;  font-size:0.9em; width:auto;line-height:22px; display:inline-block; color: #09C; vertical-align: super; }
			#respont dl dd textarea{ padding:3px 5px; margin:0; border:1px solid #ccc; background:#FFF; font-size:0.9em; line-height:1.5em; width:100%; vertical-align:super;}
		#respont  dl:after {display:block;clear:both;content:"";visibility:hidden;height:0;}  
		#respont .submit{width:300px; float:left; padding:0; margin:0 0 0 100px; }
		#respont .submit input{ padding:10px 15px; margin:10px 10px 10px 0; border:1px solid #CCC; background:#EEE; font-size:0.9em; background:#EEE;}
		#respont .submit:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
		#respont form{ padding:0; margin:0;}
		#respont ul{ padding:0; margin:0;}
			#respont ul li{ padding:10px 0; margin:0; border-bottom:1px solid #CCC; }
			#respont ul li h3{ padding:5px 0 0; margin:0; font-size:1em; text-indent:2em;}
			#respont ul li p{ padding:5px 0 0; margin:0; font-size:1em; text-indent:2em;}
			#respontul li p inport{ display:inline-block; padding:0; margin:0}
			#respont ul li p span{ display:inline-block; padding:0 15px 0 5px; margin:0; text-indent:0;}
			#respont ul li p textatea{padding:3px 5px; margin:0; border:1px solid #ccc; background:#FFF; font-size:0.9em; line-height:1.5em; width:100%; line-height:22px; vertical-align:super;}
			#respont h3{ padding:15px 0; margin:0; font-size:1em; text-indent:2em;}
		article table,article td,article th{ border-collapse :collapse ; border:1px solid #CCCCCC; }
			article table tr{ height: 26px; }
				article table tr th{ background: #DDDDFF; text-align: center; padding: 7px; font-size:14px; }
				article table tr td{ background:expression(this.parentElement.rowIndex%2==0?'#EEEEEE':'#DDDDDD');padding: 7px; font-size:14px;}
				article table tr td img{ padding:0; margin:0; width:50px; height:50px}
		article .ad { padding:0; margin:0; text-align:center;}
		article .ad img { width:auto; padding:5px 0;}
aside{ width:260px; float:left; padding:0px; margin:0; overflow:hidden;}
	aside .top{ padding:20px 10px 5px; background:#39F; border-bottom:2px #CCC solid; }
		aside .top h3{ padding:0 ; margin:0; float:left; font-size:1.em; color:#FFF;}
		aside .top span{ padding:5px 0 0; margin:0; float:right; font-size:0.8em; color:#FFF;}
	aside ul{ padding:5px 0 10px; background:#FFF; margin:0 0 15px;}
		aside ul li{padding:6px 5px 4px; border-bottom:1px dotted #39F;}
		aside ul li:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
		aside ul li a{}
		aside ul li:after{display:block;clear:both;content:"";visibility:hidden;height:0;}  
		aside .pic{}
		aside .pic img{ width:100px; height:75px; padding:2px; border:1px solid #CCC; margin:0 5px 0 0; float:left;}
		aside .pic p{ width:125px; padding:0 0 5px ; margin:0; float:left; line-height:1.6em; font-size:0.8em;}
		aside .pic p a{ font-size:1em;}
		aside .pic h4 { font-size:0.8em; padding:0 0 5px; margin:0; }
		.section{ padding:10px 0 20px; height:500px; overflow:visible;}
	section article .pagination { text-align: center; padding: 20px 0 5px 0;font-size: 12px;}
		section article .pagination a { margin: 0 5px 0 0; padding: 3px 6px; }
		section article .pagination a.number { border: 1px solid #ddd;}
		section article .pagination a.current { background: #900; border: 1px solid #ddd;!important; color: #fff !important;}
		section article .pagination a.current:hover { text-decoration: underline;}
	section #register { width:960px; margin:0 auto; height:550px;}
		section #register .logo{ }
		section #register .logo img{ padding:50px 20px 20px; margin:0;}
		section #register .register{ padding:10px 10px 10px 30px;}
		
footer{ border-top:#000 1px solid; background:#000; text-align:center; filter:alpha(opacity=50);  -moz-opacity:0.5; -khtml-opacity: 0.5;  opacity: 0.5;}
	#footer{ margin:0 auto; width:960px; }
	#footer #footernav { margin:0; padding:10px 0; float:left; width:360px }
		#footer #footernav a { padding: 10px; margin:0;line-height:2em; font-size:0.8em; color:#FFF; display:block; float:left; }
		#footer #footernav span { color: #EEE;  padding: 10px 3px; float:left; display:block;}
		#footer #footernav a:hover { color: #FFF; text-shadow: none; }
	#footer #copyright { margin:0; padding:10px 0; float:right; width:600px }
		#footer #copyright p { padding: 10px; margin:0;line-height:2em; font-size:0.8em; color:#333; color:#FFF; text-align:right;}
		#footer #copyright a { color: #EEE;  padding: 2px 3px;font-size:0.8em}
		#footer #copyright a:hover { color: #FFF; text-shadow: none; }
	#footer:after{display:block;clear:both;content:"";visibility:hidden;height:0;}  
	
